"use client";
import React, { memo } from "react";
import type { FC, ReactNode } from "react";
import "./css/index.css";

interface IProps {
  children?: ReactNode;
}

const EnterTalking: FC<IProps> = () => {
  const handleClick = () => {
    window.location.href = "/talking";
  };
  return (
    <div
      className="chat-container flex flex-col justify-center items-center gap-5"
      style={{ backgroundColor: "rgba(0, 0, 0, 0.3)" }}
    >
      <div className="output-head" style={{ color: "#000", fontSize: "24px" }}>
        您好，有什么可以帮您的吗？
      </div>
      <div className="output-btn" onClick={handleClick}>
        进入对话
      </div>
    </div>
  );
};
export default memo(EnterTalking);
